<template>
  <div>
    <van-nav-bar
      :z-index="999"
      :fixed="true"
      left-arrow
      @click-left="onClickLeft"
      title="交通标志大全"
      :placeholder="true"
    ></van-nav-bar>
    <!-- 交通标记大全列表 -->
    <div class="ts_list">
      <div
        v-for="(item, index) in lists"
        :key="index"
        class="ts_item"
        @click="href('/TrafficTips',item.number)"
      >
        <div>
          <img :src="item.img" alt />
          <p>{{item.text}}</p>
        </div>
        <div>
          <p></p>
          <img src="../../assets/images/05.png" alt />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "TrafficSign",
  data() {
    return {
      lists: [
        {
          img: require("../../assets/images/49.jpg"),
          text: "禁令标志",
          number: "7"
        },
        {
          img: require("../../assets/images/fangxinag.jpg"),
          text: "警告标志",
          number: "8"
        },
        {
          img: require("../../assets/images/zhixing.jpg"),
          text: "禁示标志",
          number: "9"
        },
        {
          img: require("../../assets/images/tingche.jpg"),
          text: "指路标志",
          number: "10"
        },
        {
          img: require("../../assets/images/daolu.jpg"),
          text: "道路施工安全标志",
          number: "11"
        },
        {
          img: require("../../assets/images/53.jpg"),
          text: "旅游区标志",
          number: "12"
        },
        {
          img: require("../../assets/images/fuzhu.jpg"),
          text: "辅助标志",
          number: "13"
        },
        {
          img: require("../../assets/images/jzhi.jpg"),
          text: "禁止标志",
          number: "14"
        },
        {
          img: require("../../assets/images/jgao.jpg"),
          text: "警告标志",
          number: "15"
        },
        {
          img: require("../../assets/images/zhishi.jpg"),
          text: "指示标志",
          number: "16"
        },
        {
          img: require("../../assets/images/daoluanquan.jpg"),
          text: "道路安全设施设置",
          number: "17"
        },
      ]
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    href(url,type) {
      this.$router.push({ path: url+"/"+type });
    }
  },
    created(){
    let dsBridge = require("dsbridge");
         dsBridge.call("goBack","", function() {
           history.go(-1);
         });
   },
};
</script>

<style>
</style>